<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href="../shared_v2/styles.css" type=text/css rel=stylesheet>
<link href="../shared_v2/page_layout_add.css" type=text/css rel=stylesheet>

<!--
<script 
	src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAJMgj7989bRCQicU5LNbU6xSowRVyAvkxmXu1Sl1k94cT-tZ6gxQu1IMMe6QY8EMIoDvGFg82imd36w" 
	type="text/javascript">
</script>
-->


<!-- local -->

<script 
	src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAJMgj7989bRCQicU5LNbU6xTJhWPVJLd0GxHkp9FZiVFEG7jVqhQiu7xwRrjWlQ6h30_zLyIxI-yYpg" 
	type="text/javascript">
</script>


<script src="scripts/mapblog_globals.js" type="text/javascript"></script>



<script>
g_centerLatitude = readCookie("lat");
g_centerLongitude = readCookie("lng");
g_startZoom = parseInt(readCookie("zoom_level"));

var args = getArgs();
if (args.sec) {
	g_section = args.sec;
	g_category = args.category;
}
var head = document.getElementsByTagName("head")[0];
script = document.createElement('script');
script.id = 'getpph';
script.type = 'text/javascript';
script.src = "../shared_v2/mapblog_data.php?sec=" + g_section + "&category=" + g_category + "&cid=" + g_courseid;
head.appendChild(script);	


</script>
<script src="../shared_v2/map_functions.js" type="text/javascript"></script>
<script src="../shared_v2/mapblog_addpoints.js" type="text/javascript"></script>

<script>
</script>


<style type="text/css">
<!--
.style1 {font-size: 14pt}
-->
</style>
</head>

<body class="sidebar-right" onunload="GUnload()" onload="init()">
	<div id="toolbar">
	<table width="100%" border="0">
	<tr >
		<td valign="top" width="99" height="45"><img src="../shared_v2/images/esc_logo.gif" alt="ESC Logo" width="65" height="44" border="0"/></td>
		<td valign="middle" width="1096"><span class="legend">MapBlog for&nbsp;
		  <script>document.write(g_course_title);</script></span><br />
		<span class="page_title_sub">Add Locations View: This screen allows you to add new placemarks to your course MapBlog. </span>
      </td>
		
		<!--
		<td align="right" width="300px" valign="bottom">	
			<ul id="options">
				<li class="list_menu_current">
				<a href="javascript:gotoPage('mapblog.html');" style="color:#0000CC;text-decoration:underline;">
				Return to the MapBlog</a></li>
				<li class="list_menu_current"><a href="javascript:deletePoint()" style="color:#0000CC;text-decoration:underline;">Delete the last point I added</a></li>
			</ul>
		</td>
		-->
		
	</tr>
	</table>
	</div>

	<div id="content">	
		<div id="map-wrapper">
			<div id="map" ></div>
		</div>

		<div id="sidebar">
			<div id="add_locs_block" class="add_marker_pane" style="overflow:scroll;"> 
			<table>
			<tr class="instructions_row">
			<td>
			<b>Step One:</b> Pan and zoom the map so  you can clearly see the location where you will place your marker.
			</td>
			</tr>
			<tr bgcolor="#EEEEEE"><td height="10px;"></td></tr>
			<tr class="instructions_row">
			<td>
			<b>Step Two:</b> Click the location on the map where you want your marker to be placed. If you make an error, just click again. The last place you click will the be the location used when you save.
			</td>
			</tr>
			<tr bgcolor="#EEEEEE"><td height="10px;"></td></tr>

			<tr class="instructions_row">
			<td>
			<b>Step Three:</b> Provide the required information below. Enter the information carefully.
			</td>
			</tr>
			<tr ><td height="10px;"></td></tr>

			<tr><td><b>The URL:</b> <br />
			<span class="small_text">(<a href="javascript:checkURL()">Click Here</a> to check your URL after you enter below - if the page does not open your link will not work. Solve that problem <strong>before</strong> saving your placemark.)</span></td>
			</tr>
			<tr><td height="30" valign="top"><input type="text" size="40" id="txt_url"/></td></tr>
		
			<tr><td><b>The Label:</b> <br /><span class="small_text">(40 characters or less, no special characters)</span></td></tr>
			<tr><td height="30" valign="top"><input type="text" size="40" id="txt_label"/></td></tr>
		
			<tr><td><b>Your Nickname:</b> <br /><span class="small_text">(choose a nickname that will identify you: example JohnDoe)</span></td></tr>
			<tr><td height="30" valign="top"><input type="text" size="40" id="txt_nickname"/></td>
			</tr>
			
			<!--<tr><td>Selected Location Latitude:</td></tr>-->
			<tr><td><input type="hidden" size="40" id="txt_lat" value=""/></td></tr>
			
			<!--<tr><td>Selected Location Longitude:</td></tr>-->
			<tr><td><input type="hidden" size="40" id="txt_lng" value=""/></td></tr>
			
			
			
			<tr bgcolor="#EEEEEE"><td height="10px;"></td></tr>
			<tr class="instructions_row">
			<td>

			<b>Step Four:</b> Click <b>Save</b> to save your marker and the linked page to the database.<br />
			<input type="button" value="Submit Marker" onclick="storeMarker()"/>
			</td></tr>

			<tr bgcolor="#EEEEEE"><td height="10px;"></td></tr>
			<tr class="instructions_row">
			<td>
				<b>Step Five:</b> Return to the MapBlog to view your marker and the test the link. <a href="javascript:gotoPage('mapblog.html');" style="color:#0000CC;text-decoration:underline;">
				<span class="style1">Return to the MapBlog</span></a>
			</td></tr>
			</table>
			
		  </div>
		
	</div>
</body>

</html>